:root {--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
* {margin: 0;padding: 0;touch-action: pan-y;}
html {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display:block}
body {margin: 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 400;color: rgb(51, 51, 51);text-align: left;line-height: 1.42857;background-color: #d0d0d0;width: 100%;}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.5rem;}
p {margin: 0;}
abbr[title], abbr[data-original-title] {text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;cursor: help;border-bottom: 0;-webkit-text-decoration-skip-ink: none;text-decoration-skip-ink: none;}
address {margin-bottom: 1rem;font-style: normal;line-height: inherit;}
ol, ul, dl {margin-top: 0;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}
ul li {list-style: none;}
ol li {list-style-type: decimal;}
dt {font-weight: 700;}
dd {margin-bottom: .5rem;margin-left: 0;}
blockquote {margin: 0 0 1rem;}
b, strong {font-weight: bolder;}
small {font-size: 80%;}
sub, sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
a {color: inherit;text-decoration: none;background-color: transparent;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}
pre, code, kbd, samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em;}
pre {margin-top: 0;margin-bottom: 1rem;overflow: auto;}
figure {margin: 0 0 1rem;}
img {vertical-align: middle;border-style: none;}
svg {overflow: hidden;vertical-align: middle;}
table {border-collapse: collapse;}
caption {padding-top: 0.75rem;padding-bottom: 0.75rem;color: #6c757d;text-align: left;caption-side: bottom;}
th {text-align: inherit;}
label {display: inline-block;margin: 0;}
button {border-radius: 0;}
button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
input, button, select, optgroup, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button, input {overflow: visible;}
button, select {text-transform: none;}
select {word-wrap: normal;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
input[type="text"]:focus, input[type="password"]:focus, select:focus {box-shadow: none;outline: none;border: 1px solid #007bff;}
input[type="button"]:focus, input[type="submit"]:focus, button:focus {outline: none;}
input[type="radio"], input[type="checkbox"] {box-sizing: border-box;padding: 0;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto;resize: vertical;}
fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}
legend {display: block;width: 100%;max-width: 100%;padding: 0;margin-bottom: .5rem;font-size: 1.5rem;line-height: inherit;color: inherit;white-space: normal;}
progress {vertical-align: baseline;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px;-webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}
output {display: inline-block;}
summary {display: list-item;cursor: pointer;}
template {display: none;}
[hidden] {display: none !important;}
h1, h2, h3, h4, h5, h6 {margin: 0;font-weight: 500;line-height: 1.2;font-size: 14px;}
small {font-size: 80%;font-weight: 400;}
mark {padding: 0.2em;background-color: #fcf8e3;}
code {font-size: 87.5%;color: #e83e8c;word-break: break-word;}
a > code {color: inherit;}
kbd {padding: 0.2rem 0.4rem;font-size: 87.5%;color: #fff;background-color: #212529;border-radius: 0.2rem;}
kbd kbd {padding: 0;font-size: 100%;font-weight: 700;}
pre {display: block;font-size: 87.5%;color: #212529;}
pre code {font-size: inherit;color: inherit;word-break: normal;}
img {object-fit: cover;}
.clearfix::after {content: "";display: block;clear: both;overflow: hidden;visibility: hidden;}
.clearfix-div {display: block;clear: both;overflow: hidden;visibility: hidden;}
.left {float: left;}
.right {float: right;}
.placeholder {position: absolute;top: 8px;z-index: 1;color: #888;}
.container {max-width: 1015px;margin: 0 auto;}
.app-hide {display: block;opacity: 1;filter: alpha(opacity=100);position: inherit;top: 0;visibility: visible;}.computer-hide {display: none;opacity: 0;filter: alpha(opacity=0);position: absolute;top: -9999px;left: -9999px;visibility: hidden;}
#night {background-color: #2c2e35;}
#night .search .text {color: #b7bec9 !important;}
#night .search input[type='text'] {background-color: #212127;border: 1px solid #4e4d4b;color: #d1c6b2;}
#night footer {color: #c9bca6;}
.switch {text-align: center;position: relative;display: flex;justify-content: center;align-items: center;}
.switch .switch-checkbox, .switch .switch-label {width: 39px;height: 16px;padding: 3px;border: 1px solid #d2d2d2;font-size: 12px;}
.switch .switch-checkbox {position: absolute;opacity: 0;filter: alpha(opacity=0);z-index: 9;}
.switch .switch-label {position: relative;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.switch .switch-label.active {opacity: 0.7;filter: alpha(opacity=70);}
.switch .switch-label .circle {width: 16px;height: 16px;background-color: #d2d2d2;position: absolute;border-radius: 100%;left: 3px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.switch .switch-label i {position: absolute;z-index: 1;display: block;left: 50%;margin-left: -6px;line-height: 16px;color: #fff;}
.switch .switch-label .switch-on, .switch .switch-label .switch-off {position: absolute;}
.switch .switch-label .switch-on {left: 10px;display: none;}
.switch .switch-label .switch-off {right: 10px;color: #d2d2d2;}
.switch .switch-checkbox:checked + .switch-label {background-color: #5FB878;border-color: #5FB878;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.switch .switch-checkbox:checked + .switch-label .circle {background-color: #fff;left: 26px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.switch .switch-checkbox:checked + .switch-label .switch-on {display: block;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.switch .switch-checkbox:checked + .switch-label .switch-off {display: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-thumb:vertical {height: 5px;}
::-webkit-scrollbar-thumb:horizontal {width: 5px;}
body::-webkit-scrollbar {width: 6px;height: 6px;}
body::-webkit-scrollbar-thumb {background-color: #666;}
body::-webkit-scrollbar-track {background-color: #eee;}

#go-up {width: 35px;height: 35px;color: #fff;background-color: #333;line-height: 35px;text-align: center;cursor: pointer;position: fixed;right: 0;bottom: 10px;font-weight: bold;transition: background-color .2s;-webkit-transition: background-color .2s;-moz-transition: background-color .2s;-ms-transition: background-color .2s;-o-transition: background-color .2s;border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;display: none;z-index: 2;}
#go-up:hover {background-color: #ffa007;transition: background-color .2s;-webkit-transition: background-color .2s;-moz-transition: background-color .2s;-ms-transition: background-color .2s;-o-transition: background-color .2s;}

header {width: 100%;}
header .header-wrapper>.title {font-size: 16px;padding: 5px 0;color: #fff;text-shadow: rgb(84, 84, 84) 1px 1px 0px;background-color: rgb(118, 118, 118);border-bottom: 1px solid rgb(79, 79, 79);text-align: center;text-indent: -250px;-webkit-text-shadow: rgb(84, 84, 84) 1px 1px 0px;-moz-text-shadow: rgb(84, 84, 84) 1px 1px 0px;;-o-text-shadow: rgb(84, 84, 84) 1px 1px 0px;-ms-text-shadow: rgb(84, 84, 84) 1px 1px 0px;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
header .header-wrapper .container .left-logo-wrapper {width: 66.6667%;}
header .header-wrapper .container .left-logo-wrapper .search {transform: translateY(-16px);-webkit-transform: translateY(-16px);-ms-transform: translateY(-16px);-moz-transform: translateY(-16px);-o-transform: translateY(-16px);position: relative;}
header .header-wrapper .container .left-logo-wrapper .search input[type='text'] {width: 406px;height: 38px;line-height: 38px;padding: 0 10px;box-sizing: border-box;margin-right: 50px;border: 1px solid #a0a0a0;}
header .header-wrapper .container .left-logo-wrapper .search input[type='text']:focus {border-color: #007bff;}
header .header-wrapper .container .left-logo-wrapper .search .icon {display: inline-block;width: 32px;height: 32px;background-image: url('./../img/socialicons.png');vertical-align: top;opacity: .7;filter: alpha(opacity=70);}
header .header-wrapper .container .left-logo-wrapper .search .icon:hover {opacity: 1;filter: alpha(opacity=100);}
header .header-wrapper .container .left-logo-wrapper .search .switch {display: inline-block;transform: translate(-20px, -10px);}
header .header-wrapper .container .left-logo-wrapper .search .switch input {width: 100px;height: 26px}
header .header-wrapper .container .left-logo-wrapper .search .switch input:checked+.switch-label {background-color: #5FB878;border-color: #5FB878;}
header .header-wrapper .container .left-logo-wrapper .search .switch input:checked+.switch-label .circle {left: 71px;background-color: #fff;}
header .header-wrapper .container .left-logo-wrapper .search .switch input:checked+.switch-label .switch-on {color: #fff}
header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label {width: 100px;height: 26px;background-color: #fff;border: 1px solid #a0a0a0;box-sizing: border-box;line-height: 18px;}
header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label .circle {width: 30px;height: 30px;top: -3px;left: -1px;border: 1px solid #a0a0a0;}
header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label .switch-on {left: 15px;color: #000;}
header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label .switch-off {right: 15px;color: #000;}
header .header-wrapper .container .left-logo-wrapper .search .text {font-size: 13px;color: #36465d;margin-right: -35px;transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);}
header .header-wrapper .container .right-img-wrapper {width: 33.3333%;margin-top: -30px;position: relative;}
header .header-wrapper .container .right-img-wrapper .quote {position: absolute;background-image: url('./../img/quoteup.png');padding: 11px 24px 24px;top: 36px;left: -10px;background-repeat: no-repeat;}
header .header-wrapper .container .right-img-wrapper .quote span {display: inline-block;width: 70px;text-align: center;}

#main {width: 100%;margin-top: -16px;}

footer {width: 100%;}

@media (max-width: 576px) {
    #night nav {background-color: #40464e !important;}
    #night .menu-list {background-color: #212127;}
    #night .menu-list .title, #night .menu-item a {color: #c6b8a2;}
    #night .menu-item:nth-child(even) {background-color: #232329;}

    .computer-hide {display: block;opacity: 1;filter: alpha(opacity=100);position: inherit;top: 0;left: 0;visibility: visible;}
    .app-hide {display: none;opacity: 0;filter: alpha(opacity=0);position: absolute;top: -9999px;visibility: hidden;}
    #go-up:hover {background-color: #333;}
    #go-up.active {background-color: #ffa007;}
    .container {width: 331px;}
    header .header-wrapper nav {font-size: 16px;color: #fff;text-shadow: rgb(84, 84, 84) 1px 1px 0px;background-color: rgb(118, 118, 118);border-bottom: 1px solid rgb(79, 79, 79);text-align: center;-webkit-text-shadow: rgb(84, 84, 84) 1px 1px 0px;-moz-text-shadow: rgb(84, 84, 84) 1px 1px 0px;;-o-text-shadow: rgb(84, 84, 84) 1px 1px 0px;-ms-text-shadow: rgb(84, 84, 84) 1px 1px 0px;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;height: 60px;position: fixed;top: 0;width: 100%;z-index: 9;}
    header .header-wrapper nav .container {display: flex;justify-content: space-between;align-items: center;width: 98%;}
    header .header-wrapper nav .container .left-wrapper {width: 40px;}
    header .header-wrapper nav .container .left-wrapper .menu-btn {height: 100%;}
    header .header-wrapper nav .container .left-wrapper .menu-btn .line {height: 3px;background-color: #fff;}
    header .header-wrapper nav .container .left-wrapper .menu-btn .line + .line {margin-top: 3px;}
    header .header-wrapper nav .container .left-wrapper .menu-btn .text {font-size: 10px;margin-top: 3px;display:inline-block;}
    header .header-wrapper nav .container .left-wrapper .menu-list {touch-action: pan-y;position: fixed;top: 60px;width: 305px;box-shadow: 0 0 4px #000;-webkit-box-shadow: 0 0 4px #000;-ms-box-shadow: 0 0 4px #000;-moz-box-shadow: 0 0 4px #000;-o-box-shadow: 0 0 4px #000;bottom: 0;background-color: #fff;left: -305px;text-shadow: none;z-index: 99;overflow: auto;}
    header .header-wrapper nav .container .left-wrapper .menu-list::-webkit-scrollbar {width: 7px;height: 6px;}
    header .header-wrapper nav .container .left-wrapper .menu-list::-webkit-scrollbar-thumb {background-color: #666;}
    header .header-wrapper nav .container .left-wrapper .menu-list::-webkit-scrollbar-track {background-color: #eee;}
    header .header-wrapper nav .container .left-wrapper .menu-list li {text-align: left;padding: 10px 0 10px 20px;}
    header .header-wrapper nav .container .left-wrapper .menu-list .title {padding: 5px;color: #000;font-weight: bold;}
    header .header-wrapper nav .container .left-wrapper .menu-list .menu-item:nth-child(even) {background-color: #f7f7f7;}
    header .header-wrapper nav .container .left-wrapper .menu-list .menu-item a {font-size: 15px;color: #111;}
    header .header-wrapper nav .container .left-wrapper .menu-layer {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(118,118,118,0.4);z-index: -1;display: none;}
    header .header-wrapper nav .container .right-logo {width: 258px;display: inline-block;line-height: 0;}
    header .header-wrapper nav .container .right-logo img {width: 100%;}
    header .header-wrapper .container.clearfix {margin-top: 60px;}
    header .header-wrapper .container.clearfix .left-logo-wrapper {width: 100%;}
    header .header-wrapper .container.clearfix .left-logo-wrapper  .search {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);width: 100%;}
    header .header-wrapper .container.clearfix .left-logo-wrapper  .search input[type='text'] {width: 100%;margin: 10px 0;border: none;}

    #main {margin-top: 0;}
}